<template>
  <div id="mainbox">
            <brief></brief>
           <!-- <div id="redlinebox"> <redline><h3>歌曲列表</h3></redline></div> -->
           <sheetback></sheetback>
 </div>
</template>

<script>
import brief from './brief.vue'
import redline from '../redline.vue'
import sheetback from '../sheet/sheetback'
export default {
name:"sheet",
components:{
brief,
redline,
sheetback,
},
props:['sheetid0'],
data(){
  return{
    sheetid:''
  }
},
mounted:function(){
  this.sheetid=this.$route.query.sheetid;
}
}
</script>

<style scoped>
        #mainbox{
            position: absolute;
            left: 300px;
            width: 1200px;
            height: 570px;
        }
  #redlinebox{
      position: absolute;
      top:-280px;
      left: 600px;
      float: right;
  }
</style>>